body{font-family:'Microsoft Yahei' !important; }

*{font-family:'Microsoft Yahei';}

a{ color:#333; text-decoration:none;}
ul{ padding-left:0px;}
ul li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
em{ font-style:normal;}
.clear{clear: both;}
.cl:after{content: "";height: 0;display: block;visibility: hidden;clear: both;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}

.common-width{ width:1400px; margin:0 auto;max-width: 96%;}
@media only screen and (min-width:1024px) and (max-width:1400px){
	.common-width{ width:100%;}
}

.longiTop { z-index: 9999;zoom: 1; position: fixed; left: 0px; top: 0px; width: 100%; }
.longi-header { width: 100%; z-index: 4; height: 100px; transition: all .5s;  }
.logo { float: left; display: block; width: 280px; height:auto; display: block; margin: 5px 0px 8px 0; }
.logo img { width: 280px; height:auto; display: block; }
.right-search{ float:right;}
.searchright .search .text{color: #cbcbcb;}

.pc_nav { height: 60px; line-height: 60px;transition: all .3s; }
.pc_nav li { display: inline-block; font-size: 16px; height: 30px; line-height:46px; transition: all .5s; float: left; text-align: center; margin-right:53px;}
.pc_nav li a { display: block; color:#484848; position: relative;font-size: 14px; }
.pc_nav li a.gaoliang, .pc_nav li a:hover{ color: #FE5E10; border-bottom:3px solid #FE5E10; text-decoration:none; }
.pc_nav li  .active{ color: #FE5E10; text-decoration:none; }

#menu,.YUYAN{ display:none;}
.right-important{ float:right;}
#menu{
	display: none !important;
}
#menu.mm-opened{
	display: block !important;
}

.change_height.longiTop {background-color:#fff; position:fixed; top:0; left:0; z-index:199999;}
.change_height.longi-header{ height:80px; transition: all .5s;background-color:rgba(255, 255, 255, 0.9); border-bottom:1px solid #f3f3f3;box-shadow: 1px 1px 3px #ccc;}
.change_height.longi-header .pc_nav { height: 80px; line-height: 80px; transition: all .5s; }
.change_height.longi-header .pc_nav li {     display: inline-block;
    font-size: 16px;
    height: 78px;
    line-height: 78px;
    float: left;
    text-align: center;
    margin-right: 53px;}
.change_height .subNavBox { top: 80px;}
.change_height .logo { margin: 0px 0px; transition: all .5s;  margin-top:5px;}
.change_height .logo img { width: 270px; height:auto; display: block;}
.change_height .rightnav { margin-top:15px; transition: all .5s; }
/*.change_height .searchright .search .sub{ top:0;}*/

/*nav导航盒子*/
div.rightnav{ width: 300px; height:36px; line-height: 36px; text-align: center;  font-size: 12px; position: relative;z-index:99999;margin-right:-10px;margin-top:15px;}
@media only screen and (max-width:1024px){
	.common-width{ width:98%; margin:0 auto;}
	div.rightnav {
	    width: 84px;
	    margin-right: 65px;
	    margin-top: 18px !important;
	}
	ul.nav-main>li{
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 767px){
	div.rightnav {
	    width: 84px;
	    margin-right: 46px;
	    margin-top: 7px !important;
	}
	ul.nav-main img{display: none;}
	ul.nav-main>li{
		margin-left: 0 !important;
	}
}

/*nav-main*/
ul.nav-main{ width: 100%;  height: 100%; list-style-type: none; display:block;}
ul.nav-main img{width: 18px;position: relative;top: -1px;}
ul.nav-main span{ display: inline-block;  margin-left: 4px;  width: 8px; height: 8px;  background: url('../images/header_dot01.png') no-repeat;}

/*#li-1,#li-3{ display:none;}*/

/*图标向上旋转*/
.hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{  transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg);}
/*导航条设置*/
ul.nav-main>li{float: left; height:35px; line-height:35px; display: inline-block; color: #666; cursor: pointer;width: 112px;  margin-left:10px;}
/*隐藏盒子设置*/
div.hidden-box{ width: 95px;  position: absolute; display:none;background:url(../images/bj.png) repeat; top: 35px;}
.hidden-box>ul li{ list-style-type: none; color: #666; cursor: pointer;}
.hidden-box>ul li a{color: #666; }
.hidden-box li a:hover{ color: #FE5E10;}
/*隐藏盒子位置设置*/
.hidden-loc-index{ left: 0px;}
.hidden-loc-us{ /*left: 10px;*/ left: 100px;}
.hidden-loc-info{left: 200px;}

.searchright{ float:right;}
.searchright .search{width: 26px; position: relative;}
.searchright .search.phone{display: none;}
.searchright .search .sub{width: 26px;height: 26px;background: url(../images/search_btn.png) no-repeat right center;border:0;position: absolute;top:5px;right: 5px; z-index:1; text-indent: -9999px;}
.searchright .search .text{width:273px;height:26px;line-height:26px; font-size:12px; background:none; border:1px solid #ccc; position: absolute;top:5px;right: 0px; z-index:0; text-indent: 10px; }
.searchright .search:hover .text{width: 273px;border:1px solid #ccc;}

.subNavBox a:link, .subNavBox a:visited { color: #646464; }
.subNavBox a:active, .subNavBox a:hover { color: #646464; }
.subNavBox { 
	position: absolute; left: 0px; top: 100px; width: 100%; left: 0px;text-align: left; 
	background:url(../images/bj01.png) repeat; border-top:1px solid #eee; height: 0; overflow: hidden; 
	box-shadow: 1px 1px 3px #ccc;
}
.subNavBox .subNav { display: none; height: 389px; }
.subNavBox a .bot { width: 0px; position: absolute; left: 50%; bottom: 0px; height: 1px; background-color: #FE5E10; transition: 0.5s; -webkit-transition: 0.5s; }
.subNavBox a:hover .bot { width: 74px; margin-left: -37px; }
.subNavBox .subConPage a:link, .subNavBox .subConPage a:visited { color: #646464; }
.subNavBox .subConPage a:active, .subNavBox .subConPage a:hover { color: #FE5E10; }

/*=========mF_tab--========*/

.subNavtavs01,.subNavtavs02,.subNavtavs03,.subNavtavs04,.subNavtavs05,.subNavtavs06,.subNavtavs07{ width:1200px; margin:10px 0; text-align:left;}
.subNavtavs01 .tab,.subNavtavs02 .tab,.subNavtavs03 .tab,.subNavtavs04 .tab,.subNavtavs05 .tab,.subNavtavs06 .tab,.subNavtavs07 .tab{ height:35px !important; line-height:35px !important; overflow:hidden; color:#ddd; margin-bottom:0px;}
.subNavtavs01 .tab a,.subNavtavs02 .tab a,.subNavtavs03 .tab a,.subNavtavs04 .tab a,.subNavtavs05 .tab a,.subNavtavs06 .tab a,.subNavtavs07 .tab a{ display:block; font-size:14px; padding:0px; margin:0px 30px; display:inline-block; color:#555;}
.subNavtavs01 .tab a:hover,.subNavtavs02 .tab a:hover,.subNavtavs03 .tab a:hover,.subNavtavs04 .tab a:hover.subNavtavs05 .tab a:hover,.subNavtavs05 .tab a:hover.subNavtavs06 .tab a:hover,.subNavtavs06 .tab a:hover.subNavtavs07 .tab a:hover{ height:26px !important; line-height:26px !important; border-bottom:2px solid #FE5E10; color:#FE5E10; text-decoration:none; }
.subNavtavs01 .tab a.on,.subNavtavs02 .tab a.on,.subNavtavs03 .tab a.on,.subNavtavs04 .tab a.on,.subNavtavs05 .tab a.on,.subNavtavs06 .tab a.on,.subNavtavs07 .tab a.on{ height:26px !important; line-height:26px !important; border-bottom:2px solid #FE5E10; color:#FE5E10; text-decoration:none;}
.subNavtavs01 .content,.subNavtavs02 .content,.subNavtavs03 .content,.subNavtavs04 .content,.subNavtavs05 .content,.subNavtavs06 .content,.subNavtavs07 .content{ overflow:hidden; padding:10px;}
.subNavtavs01 .content dd,.subNavtavs02 .content dd,.subNavtavs03 .content dd,.subNavtavs04 .content dd,.subNavtavs05 .content dd,.subNavtavs06 .content dd,.subNavtavs07 .content dd{ display:none;}

.Navtavs-left{ width:450px; height:128px; float:left; margin-left:20px;}
.Navtavs-left p{ line-height:26px;font-size:14px;overflow: hidden; padding:0;  color:#777;}
.Navtavs-left a{ font-size:12px; color:#999;padding-top: 20px;}
.Navtavs-left a:hover{color:#FE5E10; border-bottom:none !important;}
.Navtavs-right{ width:200px; height:100px; float:left; margin-left:30px;}
.Navtavs-right img{width:200px; height:100px;}

.subNavtavs01{ margin-left:12%;}
.subNavtavs02{ margin-left:12%;}
.subNavtavs03{ margin-left:12%;}
.subNavtavs04{ margin-left:12%;}
.subNavtavs05{ margin-left:12%;}
.subNavtavs06{ margin-left:12%;}
.subNavtavs07{ margin-left:12%;}

/***分类导航菜单****/
.topmenu{ width:100%; height:42px; margin:50px auto; text-align:center;}
.topmenu a{ padding:0 35px; margin:0 8px; height:42px; line-height:42px; font-size:16px; color:#666; text-align:center; display:inline-block; border:1px solid #eaeaea;}
.topmenu a.gaoliang,.topmenu a:hover{ height:42px; line-height:42px;color:#fff; background:#FE5E10; border:1px solid #FE5E10;}

/***内页banner共用样式****/
.common-banner{ width:100%; height:100%;}
.common-banner img{width:100%;}

.tanceng-bg{ width:100%; height:100%; background:url(../images/bg1.png) repeat-y; position:fixed; z-index:1}
.tanceng-div{ width:350px; height:310px; margin:0px auto; margin-top:10%; background:#fff; padding:20px 50px;  font-size:16px; z-index:2}
.tanceng-div .close-btn{ float:right;}
.tanceng-div p{ padding-left:25px; line-height:30px; padding-top:50px;}
.tanceng-bom { color:#c42b1d; margin-top:50px;}
.tanceng-bom a{width:145px; height:40px; line-height:40px;  background:#c42b1d; color:#fff; font-size:16px; text-align:center; display:inline-block; margin:0px 10px;}


/*手机站网站群*/
.phone_zc{
	display: none;
	width: 78px;
	position: absolute;
	height: 34px;
	top: 7px;
	right: 58px;
	/*overflow: hidden;*/
}
.phone_zc .xla{
	height:35px;
	line-height:35px;
	display: inline-block;
	color: #666;cursor: pointer;
	width: 88px;margin-left:10px;
}
.phone_zc .xla span{ display: inline-block;  margin-left: 2px;  width: 8px; height: 8px;  background: url('../images/header_dot01.png') no-repeat;}
.phone_zc .hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.phone_zc .lb{ width: 100px;text-align: center;padding: 10px 0;  position: absolute; display:none;background:url(../images/bj.png) repeat; top: 35px;left: -10px;}
.phone_zc .lb ul li{ list-style-type: none; color: #666; cursor: pointer;line-height: 24px;font-size: 14px;}
.phone_zc .lb ul li a{color: #666; }
.phone_zc .lb li a:hover{ color: #FE5E10;}

@media screen and (max-width:1401px){
/*.common-width{ width:94%; margin:0 auto; transition: all .5s;}*/
}

@media only screen and (min-width:1024px) and (max-width:1400px) {
.longi-header{ height: 90px;}
.pc_nav li { font-size: 14px; margin-right:42px; line-height:36px;}
.change_height.longi-header .pc_nav li { font-size: 14px; margin-right:42px;}
.logo { width: 103px;height:auto; margin: 5px 0px 5px 0; }
.logo img { width: 260px; height:auto;}
.subNavBox { top: 90px;}
.change_height.longiTop {background-color:#fff; position:fixed; top:0; left:0; z-index:199999;}
.change_height.longi-header{ height:80px;}
.change_height.longi-header .pc_nav { height: 80px; line-height: 80px;}
.change_height.longi-header .pc_nav li { font-size: 14px; margin-right:42px; line-height:78px; height: 78px;}
.change_height .subNavBox { top: 80px;}
.change_height .logo img { width:250px; height:auto;}
.change_height .searchright .search .sub{ top:0px;}
.change_height .searchright .search .text{top: 0px;}

.subNavtavs01{ margin-left:150px;}
.subNavtavs02{ margin-left:150px;}
.subNavtavs03{ margin-left:150px;}
.subNavtavs04{ margin-left:150px;}
.subNavtavs05{ margin-left:150px;}
}

@media only screen and (min-width:1024px) and (max-width:1286px){
	.subNavtavs01{ margin-left:103px;}
	.subNavtavs02{ margin-left:103px;}
	.subNavtavs03{ margin-left:103px;}
	.subNavtavs04{ margin-left:103px;}
	.subNavtavs05{ margin-left:103px;}
}

@media screen and (max-width:1280px) {

}
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1080px) {
.banner-font{ position:absolute; left:10%; top:30%;}
.banner-font p img.banner-font01{ width:500px; height:47px; }
.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }
}	

@media screen and (max-width:1036px) {
.searchright .search.phone{display: none;}
.searchright .search { display: none;}
.subNavtavs01{ margin-left:-20px;}
.subNavtavs02{ }
.subNavtavs03{ margin-left:115px;}
.subNavtavs04{ margin-left:56px;}
.subNavtavs05{ margin-left:50px;}
/*手机站网站群*/
.phone_zc{
	display: none;
	width: 78px;
	position: absolute;
	height: 34px;
	top: 21px;
	right: 116px;
	/*overflow: hidden;*/
}
}

@media only screen and (max-width:861px) {
.banner-font{ position:absolute; left:10%; top:30%;}
.banner-font p img.banner-font01{ width:400px; height:38px; }
.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }
/*手机站网站群*/
.phone_zc{
	display: none;
	width: 78px;
	position: absolute;
	height: 34px;
	top: 17px;
	right: 106px;
	/*overflow: hidden;*/
}
}

@media screen and (max-width:641px) {

}

@media screen and (max-width:481px) {
.banner-font{ position:absolute; left:10%; top:30%;}
.banner-font p img.banner-font01{ width:300px; height:28px; }
.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }
/*手机站网站群*/
.phone_zc{
	display: none;
	width: 78px;
	position: absolute;
	height: 34px;
	top: 6px;
	right: 80px;
}
}

@media screen and (max-width:340px) {
.banner-font{ position:absolute; left:10%; top:30%;}
.banner-font p img.banner-font01{ width:210px; height:20px; }
.banner-font p img.banner-font02,.banner-font p img.banner-font03{ width:649px; height:32px; display:none; }
}

@media screen and (max-width:1024px){
.longiTop {  position:fixed; width: 100%; background:#fff; }
.longi-header{ height:80px; background-color:#fff; transition: all .5s;}
.logo { width: 250px; display: block; margin: 24px 0px 10px 0; }
.logo img { width:100%; height:auto;}
.change_height.longi-header{ height:80px; transition: all .5s;}
.change_height .logo{ width: 250px; display: block; margin: 24px 0px 10px 0;}	
.change_height .logo img { width:100%; height:auto; transition: all .5s;}
.banner{ margin-top:80px;}
.right-important{ }
.navi_head{display:none;}
.subNavBox{display:none;}
#menu , .YUYAN{ }
a.YUYAN
	{
		width: 28px;
		height: 18px;
		position: absolute;
		top: 30px;
		right: 70px;
	}
	.phone_nav a
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 30px;
		right: 30px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #FE5E10;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #FE5E10;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
}	

@media only screen and (min-width:640px) and (max-width:768px) {
    .longiTop {  position:fixed; width: 100%; background:#fff; }
    .longi-header{  height:70px; background-color:#fff; transition: all .5s;}
	.logo { width: 240px; display: block; margin: 18px 0px 0px 0; transition: all .5s;}
    .logo img { width: 100%; height:auto; transition: all .5s;}
	.change_height.longi-header{ height:80px; transition: all .5s;}
	.change_height .logo{ width: 240px; display: block; margin: 18px 0px 0px 0;}
    .change_height .logo img { width:100%; height:auto; transition: all .5s;}
	.banner{ margin-top:70px;}

	 a.YUYAN
	{
		width: 28px;
		height: 18px;
		position: absolute;
		top: 25px;
		right: 60px;
		font-size:15px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 27px;
		right: 25px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #FE5E10;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #FE5E10;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
.boxitem.item2 .itemtxt .t { margin-bottom: 0;}
.boxitem .itemtxt .t { padding-top: 20%;}
.boxitem .itemtxt .c { line-height:16px;}
}

@media only screen and (min-width:480px) and (max-width:640px) {
	.banner{ margin-top:60px;}
    .longi-header{ background-color:#fff; height:60px; transition: all .5s;}
	.logo { width: 200px; display: block; margin: 10px 0px 0px 0; transition: all .5s;}
    .logo img { width: 200px; height:auto; transition: all .5s;}
	.change_height.longi-header{ height:80px; transition: all .5s;}
	.change_height .logo { width: 200px; display: block; margin: 10px 0px 0px 0; transition: all .5s;}
    .change_height .logo img { width:200px; height:auto; transition: all .5s;}		

	 a.YUYAN
	{
		width: 28px;
		height: 18px;
		position: absolute;
		top: 13px;
		right: 45px;
		font-size:15px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #FE5E10;
		height: 2px;
	}

	.phone_nav a span
	{
		background: #FE5E10;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
}

@media only screen and (min-width:400px) and (max-width:480px) {
    .banner{ margin-top:50px;}
	.longi-header{ background-color:#fff; height:50px; transition: all .5s;}
	.logo { width: 200px; display: block;margin: 11px 0px 0px 0; transition: all .5s;}
    .logo img { width: 100%; height:auto; transition: all .5s;}
	.change_height.longi-header{ height:80px; transition: all .5s;}
	.change_height .logo{ width: 200px;margin: 11px 0px 0px 0;}
    .change_height .logo img { width:100%; height:auto; transition: all .5s;}	

	 a.YUYAN
	{
		width: 28px;
		height: 18px;
		position: absolute;
		top: 13px;
		right: 45px;
		font-size:15px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #FE5E10;
		height: 2px;
	}

	.phone_nav a span
	{
		background: #FE5E10;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
}

@media only screen and (min-width:360px) and (max-width:400px) {
	.banner{ margin-top:50px;}
	.longi-header{ width:100%; background-color:#fff; height:50px; transition: all .5s;}
	.logo { width: 190px; display: block; margin: 12px 0px 0px 0; transition: all .5s;}
    .logo img { width:100%; height:auto; transition: all .5s;}
	.change_height.longi-header{ height:80px; transition: all .5s;}
	.change_height .logo{ width: 190px;margin: 12px 0px 0px 0;}
    .change_height .logo img { width:100%; height:auto; transition: all .5s;}	

	 a.YUYAN
	{
		width: 28px;
		height: 18px;
		position: absolute;
		top: 14px;
		right: 40px;
		font-size:13px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 15px;
		right: 10px;
	}

	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #FE5E10;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #FE5E10;
		display: block;
		height: 2px;
		margin: 5px 0;
	}
}

@media only screen and (min-width:320px) and (max-width:360px) {
	.banner{ margin-top:50px;}
    .longi-header{ width:100%; background-color:#fff; height:50px; transition: all .5s;}
	.logo { width: 190px; display: block; margin: 12px 0px 0px 0; transition: all .5s;}
    .logo img { width:100%; height:auto; transition: all .5s;}
	.change_height.longi-header{ height:80px; transition: all .5s;}
	.change_height .logo{ width: 190px;margin: 12px 0px 0px 0;}
    .change_height .logo img { width:100%; height:auto; transition: all .5s;}

	 a.YUYAN
	{
		width: 28px;
		height: 18px;
		position: absolute;
		top: 16px;
		right: 40px;
		font-size:13px;
	}

	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 19px;
		right: 10px;
	}

	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #FE5E10;
		height: 2px;
	}

	.phone_nav a span
	{
		background: #FE5E10;
		display: block;
		height: 2px;
		margin: 4px 0;
	}
}



@media only screen and (max-width:320px){
	.banner{ margin-top:50px;}
	.longi-header{ width:100%; background-color:#fff; height:50px; transition: all .5s;}
	.logo { width: 190px; display: block; margin: 12px 0px 0px 0; transition: all .5s;}
    .logo img { width:100%; height:auto; transition: all .5s;}
	.change_height.longi-header{ height:80px; transition: all .5s;}
	.change_height .logo{ width: 190px;margin: 12px 0px 0px 0;}
    .change_height .logo img { width:100%; height:auto; transition: all .5s;}
	
    /*手机站网站群*/
	.phone_zc {
	    display: none;
	    width: 78px;
	    position: absolute;
	    height: 34px;
	    top: 8px;
	    right: 60px;
	}
	 a.YUYAN
	{
		width: 28px;
		height: 18px;
		position: absolute;
		top: 16px;
		right: 28px;
		font-size:13px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 19px;
		right: 10px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #FE5E10;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #FE5E10;
		display: block;
		height: 2px;
		margin: 4px 0;
	}
}

/***分页****/
.n-page{ text-align:center; clear:both; margin:60px;}
.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#333;}
.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#FE5E10; border:#FE5E10 1px solid;}
.n-page a:hover{ color:#FFF; background-color:#FE5E10; border:#FE5E10 1px solid;}
/******************* ********************/
@media only screen and (min-width: 1025px) and (max-width: 1450px){
	.n-page{
		margin: 45px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.n-page{
		margin: 30px 0;
	}
}
@media only screen and (max-width: 767px){
	.n-page{
		margin: 20px 0;
	}
}

#goodcover{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 133%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.50;
    filter: alpha(opacity=80);
}

#code {
    width: 900px;
    height:auto;
    /*background-color: #fff;*/
    /*padding: 10px;*/
    position:fixed;
    display: none;
    left:50%;
    top:50%;
	/*left:30%\9;
    top:20%\9;
	left:50%\0;
    top:50%\0;*/
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow:hidden;
    z-index: 1002;
}

@media(max-width:1456px){
	#code{
        width: 740px;
    }
}

@media(max-width:640px){
    #code{
        overflow-y: scroll;
    }
}

.close {
    width: 770px;
    height: 20px;
    position: absolute;
}

@media(max-width:777px){
    #code{
        width: 100%;
        height:490px;
    }
    .close{
        width: 92%;
        position: absolute;
    }
}

@media(max-width:400px){
    #code{
        height:375px;
    }
}

#closebt {
    float: right;
    font-size: 0;
    width: 32px;
    height:32px;
    display: inline-block;
    background: url("../images/close.png") center no-repeat;
    position: absolute;
    right: 4px;
    top: 4px;
}
#closebt img {
    width: 20px;
}

.goodtxt {
    text-align: center;
    height: 420px;
    background-color: #000;
}

.goodtxt p {
    height: 35px;
    line-height: 35px;
    font-size: 28px;
    color: #000;
    font-weight: 600;
}

@media(max-width:640px){
	.goodtxt{
		height: 250px;
	}
    .goodtxt p{
        margin: 0;
        font-size: 22px;
    }
}

/*语言选择*/
.xzyybg{
	width: 100%;padding: 35px 0;background-color: #fff;position: fixed;left: 0;top: 50px;z-index: 999999;
	display: none;box-shadow: 0 1px 1px #ccc;
}
.xzyybg li{
	width: 184px;margin-right: 120px;
}
.xzyybg li:last-child{
	margin-right: 0;
}
.xzyybg li .tou{
	line-height: 30px;font-size:16px ;
}
.xzyybg li .tou img{
	height: 100%;
}
.xzyybg li .shen{
	line-height: 44px;font-size: 16px;color: #333;
}
.xzyybg li .shen img{
	width: 22px;margin-right: 10px;vertical-align: middle;position: relative;top: -2px;
}
.xzyybg li .shen a{
	color: #333;text-decoration: underline;
}
@media only screen and (max-width: 1456px) {
	.xzyybg{
		width: 100%;padding: 30px 0;background-color: #fff;position: fixed;left: 0;top: 46px;
	}
	.xzyybg li{
		width: 160px;margin-right: 50px;
	}
	.xzyybg li:last-child{
		margin-right: 0;
	}
	.xzyybg li .tou{
		line-height: 30px;font-size:14px ;
	}
	.xzyybg li .tou img{
		height: 100%;
	}
	.xzyybg li .shen{
		line-height: 40px;font-size: 14px;color: #333;
	}
	.xzyybg li .shen img{
		width: 20px;margin-right: 4px;vertical-align: middle;
	}
	.xzyybg li .shen a{
		color: #333;text-decoration: underline;
	}
}
@media only screen and (max-width: 1024px) {
	.xzyybg{
		width: 100%;padding: 20px 0;background-color: #fff;position: fixed;left: 0;top: 46px;
	}
	.xzyybg li{
		width: 100%;margin-right: 0%;border-bottom: 1px dashed #ccc;overflow: hidden;
	}
	.xzyybg li:last-child{
		margin-right: 0;
	}
	.xzyybg li .tou{
		height: auto;font-size:14px;line-height: 24px;width: 100%;
	}
	.xzyybg li .tou img{
		height: 100%;
	}
	.xzyybg li .shen{
		line-height: 36px;font-size: 14px;color: #333;width: 49%;margin-right: 1%;float: left;
	}
	.xzyybg li .shen img{
		width: 16px;margin-right: 4px;vertical-align: middle;
	}
	.xzyybg li .shen a{
		color: #333;text-decoration: underline;
	}
}

/***底部信息****/
.footer{ width:100%; height:auto; background-color: #272727; position:relative;}
.footer .huiding{ width: 132px; position: absolute;left: 50%;margin-left: -66px;top: -38px;z-index: 2;cursor: pointer;}
.footer .huiding img{ width: 100%;}
.footer-u{ width:100%; height:auto; padding:10px 0;}
.tit{ margin-bottom: 10px; font-size: 20px; color: #f2f2f2;}
.tit span{ margin-top:6px; display: block; width: 50px; height: 2px; background: #646464; }
.box{ width: 42%;}
.box .con{ max-width: 300px; line-height: 22px; color:#909090;}
.box .con a{ color: #909090;display: block;}
.box .con a:hover{ color:#e62129; }
.box .interlink{ margin: 10px 0;}
.box .interlink span{ float: left; display: inline-block; height: 34px; line-height: 34px;  margin-right: 15px; color:#909090;}
.box .drop-down{ float: left; width: 184px; height: 34px; line-height: 34px; position:relative; background: #323232;}
.box .drop-down>a{ display: block; padding:0 40px 0 12px; color: #b8b8b8; font-weight:bold; background:url(../images/interlink_icon.png) 160px 13px no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.box .drop-down.active>a{ color: #de272f;}
.box .drop-down div{ display: none; position: absolute; bottom:34px; left:0; width: 100%; padding: 5px 0; background: #3f3f3f; border-radius: 3px 3px 0 0;}
.box .drop-down div a{ 
	display: block; padding: 0px 12px; line-height: 30px; height: 30px; 
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #aaa;
}
.box .drop-down div a:hover{ color: #de272f;}
.newsletter{ width:320px;}
.newsletter .con{}
.newsletter .con ul{overflow: hidden;}
.newsletter .con ul li{ height: 28px; line-height: 28px;width: 50%;float: left;}
.newsletter .con ul li a{ font-size:14px; color:#909090; }
.newsletter .con ul li span{ font-size:12px; display:inline-block; padding-right:8px; position:relative; top:-2px;} 
.newsletter .con ul li:hover a{ color:#e62129;} 
 
.follow{max-width: 168px;margin-right: 3%;width: 200px;margin-top: 40px;}
.follow ul{ margin-left: -20px; }
.follow li{ float: left; margin-left: 20px; margin-bottom: 20px;position: relative;}
.follow li a{ display: block; height: 48px; width: 48px; font-size: 0;}
.follow li .weixin{ background-image:url(../images/icon_weixin_hover.png);}
.follow li .weixin:hover{ background-image:url(../images/icon_weixin_hover.png);}
.follow .li_weixin span {
    display: inline-block;
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -10px;
    width: 0px;
    height: 0px;
    border-style: solid dashed dashed dashed;
    border-color: transparent #FFFFFF transparent transparent;
    border-width: 10px;
}
/*.follow .li_weixin:hover span {
    display: inline-block;
}*/
.follow .li_weixin div {
    display: block;
    position: absolute;
    bottom: 50%;
    left: 60px;
    margin-bottom: -70px;
    width: 140px;text-align: center;
}
/*.follow .li_weixin:hover div {
    display: block;
}*/
.follow .li_weixin div img{
	height: 140px;
}

.footer-d{ width:100%; height:auto; overflow:hidden; border-top:1px solid #ff0000;}
.footer-d-l{ font-size:12px; color:#999; padding:10px 0; float:left;}
.footer-d-r{ font-size:18px; float:left;max-width: 210px;}
.footer-d-r-tel{ color:#ff0000; padding-top:30px;font-weight: bold;width: max-content;}
.footer-d-r-tel img{ padding-right:6px;}

@media only screen and (max-width:1456px) {
	.tit{ margin-bottom: 22px; font-size: 18px;}
	.box .drop-down{font-size: 14px;}
	.newsletter .con ul li a{font-size: 14px;}
}
@media only screen and (max-width:861px) {
	.box { width: 100%;}
	.newsletter { width: 100%;}
	.follow { max-width: 100%; margin-top:10px;}
	.follow.fr{ float:left !important;}
}
@media screen and (max-width: 767px){
	.tit { margin-bottom: 10px; font-size: 16px; color: #f2f2f2;}
	.newsletter .con ul li { height: 28px; line-height: 28px;}
	.newsletter .con ul li { font-size: 14px;}
	.follow li{margin-top: 40px;}
	.follow.fr{height: 170px;}
	.footer-d-r{width: 100%;padding-bottom:20px;}
	.footer-d-l{padding: 20px 0 10px;}
	.footer-d-r-tel{padding-top: 10px;font-size: 16px;}
}